﻿@using BonjourQuotation.UI.Models.CustomerModel
@model ManageCustomersGridViewModel
@if(Model.MenuManageCustomerView)
{ 
{
    ViewBag.Title = "Manage Customers";
    Layout = "~/Views/Shared/_Layout.cshtml";
    @Scripts.Render("~/Scripts/UIScript/Manage/Customer.js")
    @Scripts.Render("~/Scripts/bootstrap-formhelpers.min.js")
    @Styles.Render("~/Content/bootstrap-formhelpers.min.css")
}
<div id="CustomerDetailsDiv" style="display:none;">
    <div style="width: 99%">
        <ul class="nav nav-tabs">
            <li id="CustomerGeneral" class="Tab active" ><a href="#tabCustomerGeneral" data-toggle="tab">General</a></li>
            <li id="CustomerGroups" class="Tab"><a href=" #tabCustomerGroups" data-toggle="tab">Groups</a></li>
            <li id="CustomerQuotations" class="Tab"><a href="#tabCustomerQuotations" data-toggle="tab">Quotations</a></li>
            <li id="CustomerInvoices" class="Tab"><a href="#tabCustomerInvoices" data-toggle="tab">Invoices</a></li>
            <li id="CustomerPayments" class="Tab"><a href="#tabCustomerPayments" data-toggle="tab">Payments</a></li>
        </ul>
        <div class="tab-content" style="margin-top: 20px">
            <div class="tab-pane fade active in" style="height:0px" id="tabCustomerGeneral">
            </div>
            <div class="tab-pane fade" style="height:0px" id="tabCustomerGroups">
            </div>
            <div class="tab-pane fade" style="height:0px" id="tabCustomerQuotations">
            </div>
            <div class="tab-pane fade" style="height:0px" id="tabCustomerInvoices">
            </div>
            <div class="tab-pane fade" style="height:0px" id="tabCustomerPayments">
            </div>
        </div>
    </div>
</div>
<div id="AddCustomerDiv" style="display:none;"></div>
    <div class="container">
        <div class="FormsDiv" id="FormsDiv">
            <h1>Manage Customer</h1>
            <div class="FormDiv1140">
                <div id="AutoCompleteDiv" style="text-align: left; display: none; z-index: 999999 !important;"></div>
                <div style="margin: auto; height: 98px; width: 1134px;">
                    <div class="pull-left" style="margin-bottom:15px;">
                        <div class=" col-lg-6">
                            <div class="input-group">
                                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.OrganizationNameText)</span>
                                @Html.TextBoxFor(model => model.OrganizationNameText, new { @class = "table_inputs_SmallPadding2 inpputgr form-control QuotaTxtComplete" })
                            </div>
                        </div>
                        <div class=" col-lg-3">
                            <div class="input-group">
                                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.CustomerCodeText)</span>
                                @Html.TextBoxFor(model => model.CustomerCodeText, new { @class = "table_inputs_SmallPadding2 inpputgr form-control QuotaTxtComplete" })
                            </div>
                        </div>
                        <div class=" col-lg-3">
                            <div class="input-group">
                                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.CitySearchText)</span>
                                @Html.DropDownListFor(model => model.CitySearchText, new SelectList(Model.CitySearch, "Value", "Text"), "Select", new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                            </div>
                        </div>
                    </div>
                    <div class="pull-left" style="margin-bottom:15px;">
                        <div class=" col-lg-2">
                            <div class="input-group">
                                <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.ActiveSearch)</span>
                                @Html.DropDownListFor(model => model.IsActiveSearch, new SelectList(Model.ActiveSearch, "Value", "Text"), "Select", new { @class = "table_inputs_SmallPadding2 inpputgr form-control" })
                            </div>
                        </div>
                        <div style="margin-right: 15px; padding-top: 4.5px;">
                            <button class=" btn14 btn50" style="float:right;" id="CustomerSearchBtn">Search</button>
                            @if (Model.MenuManageCustomerEdit)
                            {
                                <button class="btn14 btn120" style="margin-right:30px; float:right;" type="button" onclick="ShowCustomer(0)">Add New Customer</button>
                            }
                            else
                            {
                                <button class="btn14 btn120" disabled="disabled" style="margin-right:30px; float:right;" type="button" onclick="ShowCustomer(0)">Add New Customer</button>
                            }
                        </div>
                    </div>
                </div>
                <div class="Lines1100"></div>
                <div id="ManageCustomerGrid"></div>
            </div>
        </div>
    </div>
}
else
{
    <div class="container">
        <div class="FormsDiv" id="FormsDiv">
            <h1>You Have Not permission for this page</h1>
        </div>
    </div>
}






